<template>
    <div>
        <section>
        <ul >
            <li  v-for="(item,index) in list" :key="item.id">
                <div >
                    <span > {{ index+1 }} </span><label> {{ item.name }} </label>
                    <button @click="Del(item.id)">删除</button>
                </div>
            </li>
        </ul>
       </section>
    </div>
</template>
<script>
export default {
    props:{ 
        list:Array
    },
    methods:{
        Del(id){
            
            this.$emit('Del',id)
        }
    }
}
</script>
<style>
</style>